﻿
<MudTimeline>
    <MudTimelineItem Color="Color.Info">
        <MudText Typo="Typo.button">Packaging Process Started</MudText>
        <MudText Typo="Typo.body2" Class="mud-text-secondary">Yesterday: 16:33</MudText>
    </MudTimelineItem>
    <MudTimelineItem TimelineAlign="TimelineAlign.End">
        <MudText Typo="Typo.body2">Packaging complete</MudText>
        <MudText Typo="Typo.body2" Class="mud-text-secondary">Yesterday: 17:10</MudText>
    </MudTimelineItem>
    <MudTimelineItem TimelineAlign="TimelineAlign.End">
        <MudText Typo="Typo.body2">Waiting for pickup</MudText>
        <MudText Typo="Typo.body2" Class="mud-text-secondary">Yesterday: 17:15</MudText>
    </MudTimelineItem>
    <MudTimelineItem>
        <MudTimeline TimelineOrientation="TimelineOrientation.Horizontal">
            <MudTimelineItem>
                <MudText>Item A</MudText>
            </MudTimelineItem>
            <MudTimelineItem>
                <MudText>Item B</MudText>
            </MudTimelineItem>
            <MudTimelineItem>
                <MudText>Item C</MudText>
            </MudTimelineItem>
        </MudTimeline>
    </MudTimelineItem>
    <MudTimelineItem Color="Color.Success">
        <MudText Typo="Typo.button">Package picked up by driver</MudText>
        <MudText Typo="Typo.body2" Class="mud-text-secondary">Today: 17:00</MudText>
    </MudTimelineItem>
    <MudTimelineItem TimelineAlign="TimelineAlign.End">
        <MudText Typo="Typo.button">Package In Transit</MudText>
    </MudTimelineItem>
</MudTimeline>